<!-- 店长 – 我的 – 所在团队 – 添加成员 – 2			sector -->
<template>
	<view class="warps">
		<view class="team-top">
			<view class="w90" @click="_ao()">
				<view class="f b">
					<view class="vw35 f b">
						<view>
							<image style="width: 88rpx;height: 88rpx;" src="../../../../static/img/116.png" mode=""></image>
						</view>
						<view class="">
							<view>
								<view>
									<text>XXXX团队</text>
								</view>
							</view>
							<view class="team-lan m_t_20">
								<text class="blue fs16">已认证</text>
							</view>
						</view>
					</view>
					<view>
						<text>共12人</text>
					</view>
				</view>
			</view>
		</view>
		<view class="phone-top">
			<view>
				<view class="w90">
					<view class="f b c">
						<view class="f b c" style="width:30vw;">
							<view>
								<text>部门1</text>
							</view>
						</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" src="../../../../static/img/028.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="xian"></view>
			</view>
			<view>
				<view class="w90">
					<view class="f b c">
						<view class="f b c" style="width:30vw;">
							<view>
								<text>部门1</text>
							</view>
						</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" src="../../../../static/img/028.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="xian"></view>
			</view>
			<view>
				<view class="w90">
					<view class="f b c">
						<view class="f b c" style="width:30vw;">
							<view>
								<text>部门1</text>
							</view>
						</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" src="../../../../static/img/028.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="xian"></view>
			</view>
			<view>
				<view class="w90">
					<view class="f b c">
						<view class="vw35 f b c">
							<view>
								<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
									src="../../../../static/img/080.png" mode=""></image>
							</view>
							<view @click="show = true">
								<text class="blue fs28">创建新的部门组</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view>
			<u-popup v-model="show" mode="center">
				<view class="sector">
					<view class="senter p_t_25">
						<text class="fs32">创建新部门</text>
					</view>
					<view class="xian" style="width:90%;"></view>
					<view class="p_t_31 p_l_20">
						<view>
							<text>部门名称</text>
						</view>
						<view class="p_t_31">
							<input type="text" placeholder="请输入部门名称" class="ipts1">
						</view>
					</view>
					<view class="sector_but">
						<button type="default" class="but1">完成</button>
					</view>
				</view>
			</u-popup>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false
			}
		},
		methods: {
			_ao(){
				uni.navigateTo({
					url:'../Details/Details'
				})
			}
		}
	}
</script>

<style scoped>
	.warps {
		height:100vh;
		overflow: hidden;
		background-color:#F6F8FC;
	}
	.phone-top{
		width: 686rpx;
		height: 344rpx;
		opacity: 1;
		background: #ffffff;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.16); 
		margin:0 auto;
		margin-top:32rpx;
		overflow:hidden;
	}
	.xian{
		width: 638rpx;
		height: 2rpx;
		opacity: 1;
		border: 2rpx solid #f6f6f6;
		margin:0 auto;
		margin-top:22rpx;
	}
	.team-top{
		width: 686rpx;
		height:136rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 16rpx;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.16); 
		margin:0 auto;
		margin-top:32rpx;
		overflow:hidden;
	}
	.team-xiala{
		width:240rpx;
	}
	.team-lan{
		width:96rpx;
		height:38rpx;
		line-height:38rpx;
		opacity: 1;
		background: #f1f6ff;
		border-radius: 4rpx;
		text-align:center;
	}
	.sector{
		width: 440rpx;
		height: 336rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 16rpx;
	}
	.ipts1{
		width: 168rpx;
		height: 34rpx;
		font-size:24rpx;
	}
	.sector_but{
		margin:0 auto;
		margin-top:40rpx;
	}
	.but1{
		width: 392rpx;
		height: 48rpx;
		line-height:48rpx;
		opacity: 1;
		background: #1f73f2;
		border-radius: 8rpx;
		font-size:24rpx;
		color:#fff;
	}
</style>
